body,
button,
img,
input,
ol,
select,
textarea,
ul {
  font-size: 12px;
  font-family: 'Helvetica Neue', Tahoma, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STHeitiSC, sans-serif;
  /*font-family: Helvetica Neue, Helvetica, Nimbus Sans L, Arial, Liberation Sans, Hiragino Sans GB, Source Han Sans CN Normal, Microsoft YaHei, Wenquanyi Micro Hei, WenQuanYi Zen Hei, ST Heiti, SimHei, WenQuanYi Zen Hei Sharp, sans-serif;*/
  color: #333;
  line-height: 1.5
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  margin: 0;
  padding: 0;
  background-attachment: fixed;
  -webkit-text-size-adjust: none
}

img,
button,
input,
select,
textarea {
  border: 0
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}

a {
  text-decoration: none;
  color: #333;
  cursor: pointer
}




/*a:hover {
  text-decoration: underline
}*/

a:focus {
  -moz-outline: none
}

a:focus,
input,
textarea {
  outline: none
}

.placeholder {
  color: #aaa
}

.imgbutton {
  width: 100%;
  height: 100%;
  border: 0;
  background: none;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  outline: none
}

.overflowHidden {
  overflow: hidden;
  zoom: 1
}

.overflow_ellipsis {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.overflowY {
  overflow-y: auto
}

.WordBreak {
  word-wrap: break-word;
  word-break: break-word
}

.AllBreak,
.breakAll {
  word-wrap: break-word;
  word-break: break-all
}

.noSelect {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.cursorDefault,
.DefaultPointer {
  cursor: default!important
}

.Hand,
.pointer {
  cursor: pointer
}

.cursorText {
  cursor: text
}

.InlineBlock {
  display: inline-block!important;
  display: -moz-inline-stack;
  display: inline-block;
  *display: inline
}

.Block {
  display: block!important
}

.NoUnderline {
  text-decoration: none!important
}

.Underline {
  text-decoration: underline!important
}

.Absolute {
  position: absolute!important
}

.Relative,
.relative {
  position: relative!important
}

.Fixed {
  position: fixed!important
}

.Left {
  float: left!important
}

.Right {
  float: right!important
}

.Clear,
.clear {
  clear: both;
  visibility: hidden;
  border-top: 0;
  margin-top: -1px!important
}

.clearLeft {
  clear: left
}

.clearfix:after {
  content: "";
  display: table;
  clear: both
}

.SpanCenter {
  display: block!important;
  text-align: center!important
}

.TxtLeft {
  text-align: left!important
}

.TxtCenter {
  text-align: center!important
}

.TxtRight {
  text-align: right!important
}

.TxtTop,
.TxtTop img {
  vertical-align: top!important
}

.TxtMiddle {
  vertical-align: middle!important
}

.TxtBottom {
  vertical-align: bottom!important
}

.divCenter {
  margin: 0 auto
}

.TxtIndent10 {
  text-indent: 10px
}

.verticalAlign1 {
  vertical-align: 1px!important;
}

.verticalAlign2 {
  vertical-align: 2px!important;
}

.verticalAlign-1 {
  vertical-align: -1px!important;
}

.verticalAlign-2 {
  vertical-align: -2px!important;
}

.Border0 {
  border: 0!important
}

.Border2 {
  border: 2px!important
}

.BorderBottom0 {
  border-bottom: 0!important
}

.BorderLeft0 {
  border-left: 0!important
}

.BorderRight0 {
  border-right: 0!important
}

.Border {
  border: 1px solid #fff!important
}

.BorderTop {
  border-top: 1px solid #fff!important
}

.BorderTopGrayC {
  border-top: 1px solid #ccc!important
}

.BorderRight {
  border-right: 1px solid #fff!important
}

.BorderLeft {
  border-left: 1px solid #fff!important
}

.BorderBottom {
  border-bottom: 1px solid #fff!important
}

.BorderGrayColor {
  border-color: #ccc!important
}

.BorderGrayD {
  border: 1px solid #ddd
}

.BorderGray9 {
  border: 1px solid #999!important
}

.BorderBottomGrayC {
  border-bottom-color: #ccc!important
}

.BorderBottomGrayD {
  border-bottom-color: #ddd!important
}

.borderColor_ef {
  border-color: #efefef!important
}

.borderColor_c {
  border-color: #ccc!important
}

.borderColor_d8 {
  border-color: #d8d8d8!important
}

.Hidden {
  display: none
}

.Visibility {
  visibility: hidden
}

body .Hidden {
  display: none
}

.w100 {
  width: 100%
}

.h100 {
  height: 100%
}

.wMax100 {
  max-width: 100%
}

.hMax100 {
  max-height: 100%
}

.BorderDotted {
  border-style: dotted
}

.BorderSolid {
  border-style: solid
}

.Italic {
  font-style: italic
}

.Bold {
  font-weight: 700!important
}

.Normal {
  font-weight: 400!important
}

.bold {
  font-weight: 700
}

.Red {
  color: red!important
}

.Green {
  color: #739812!important
}

.DepGreen {
  color: green!important
}

.White {
  color: #fff!important
}

.Yellow {
  color: #fbc02d!important
}

.ShaYellow {
  color: #c3af64!important
}

.DisabledColor {
  color: #cac8bb!important
}

.HighLightColor {
  background-color: #fc6
}

.DashedBG {
  background: url() repeat-x 0 100%
}

.GrayBG {
  background-color: #f5f5f5
}

.GrayBGF8 {
  background-color: #f8f8f8
}

.GrayBGFA {
  background-color: #fafafa
}

.BGFF5A00 {
  background-color: #ff5a00
}

.BGDDD {
  background-color: #ddd
}

.BGEFEFEF {
  background-color: #efefef
}

.lastItem {
  background: none!important
}

.BlueBG {
  background-color: #1e88e5
}

.WhiteBG {
  background-color: #fff!important
}

.Alpha10 {
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100)
}

.Alpha9 {
  opacity: .9;
  -moz-opacity: .9;
  filter: alpha(opacity=90)
}

.Alpha8 {
  opacity: .8;
  -moz-opacity: .8;
  filter: alpha(opacity=80)
}

.Alpha7 {
  opacity: .7;
  -moz-opacity: .7;
  filter: alpha(opacity=70)
}

.Alpha6 {
  opacity: .6;
  -moz-opacity: .6;
  filter: alpha(opacity=60)
}

.Alpha5 {
  opacity: .5;
  -moz-opacity: .5;
  filter: alpha(opacity=50)
}

.Alpha4 {
  opacity: .4;
  -moz-opacity: .4;
  filter: alpha(opacity=40)
}

.Alpha3 {
  opacity: .3;
  -moz-opacity: .3;
  filter: alpha(opacity=30)
}

.Alpha2 {
  opacity: .2;
  -moz-opacity: .2;
  filter: alpha(opacity=20)
}

.Alpha1 {
  opacity: .1;
  -moz-opacity: .1;
  filter: alpha(opacity=10)
}

.mp0 {
  margin: 0!important;
  padding: 0!important
}

.mAll5 {
  margin: 5px!important
}

.mAll10 {
  margin: 10px!important
}

.mAll12 {
  margin: 12px!important
}

.mAll15 {
  margin: 15px!important
}

.mAll20 {
  margin: 20px!important
}

.mAll25 {
  margin: 25px!important
}

.mAll30 {
  margin: 30px!important
}

.mTop0 {
  margin-top: 0!important
}

.mTop2 {
  margin-top: 2px!important
}

.mTop3 {
  margin-top: 3px!important
}

.mTop4 {
  margin-top: 4px!important
}

.mTop5 {
  margin-top: 5px!important
}

.mTop6 {
  margin-top: 6px!important
}

.mTop7 {
  margin-top: 7px!important
}

.mTop8 {
  margin-top: 8px!important
}

.mTop10 {
  margin-top: 10px!important
}

.mTop11 {
  margin-top: 11px!important
}

.mTop12 {
  margin-top: 12px!important
}

.mTop13 {
  margin-top: 13px!important
}

.mTop15 {
  margin-top: 15px!important
}

.mTop16 {
  margin-top: 16px!important
}

.mTop18 {
  margin-top: 18px!important
}

.mTop20 {
  margin-top: 20px!important
}

.mTop25 {
  margin-top: 25px!important
}

.mTop30 {
  margin-top: 30px!important
}

.mTop35 {
  margin-top: 35px!important
}

.mTop40 {
  margin-top: 40px!important
}

.mTop45 {
  margin-top: 45px!important
}

.mTop50 {
  margin-top: 50px!important
}

.mRight0 {
  margin-right: 0!important
}

.mRight2 {
  margin-right: 2px!important
}

.mRight3 {
  margin-right: 3px!important
}

.mRight5 {
  margin-right: 5px!important
}

.mRight7 {
  margin-right: 7px!important
}

.mRight10 {
  margin-right: 10px!important
}

.mRight12 {
  margin-right: 12px!important
}

.mRight15 {
  margin-right: 15px!important
}

.mRight16 {
  margin-right: 16px!important
}

.mRight20 {
  margin-right: 20px!important
}

.mRight25 {
  margin-right: 25px!important
}

.mRight30 {
  margin-right: 30px!important
}

.mRight35 {
  margin-right: 35px!important
}

.mRight40 {
  margin-right: 40px!important
}

.mBottom0 {
  margin-bottom: 0!important
}

.mBottom3 {
  margin-bottom: 3px!important
}

.mBottom4 {
  margin-bottom: 4px!important
}

.mBottom5 {
  margin-bottom: 5px!important
}

.mBottom6 {
  margin-bottom: 6px!important
}

.mBottom8 {
  margin-bottom: 8px!important
}

.mBottom10 {
  margin-bottom: 10px!important
}

.mBottom12 {
  margin-bottom: 12px!important
}

.mBottom15 {
  margin-bottom: 15px!important
}

.mBottom18 {
  margin-bottom: 18px!important
}

.mBottom20 {
  margin-bottom: 20px!important
}

.mBottom25 {
  margin-bottom: 25px!important
}

.mBottom30 {
  margin-bottom: 30px!important
}

.mBottom45 {
  margin-bottom: 45px!important
}

.mBottom50 {
  margin-bottom: 50px!important
}

.mLeft0 {
  margin-left: 0!important
}

.mLeft2 {
  margin-left: 2px!important
}

.mLeft3 {
  margin-left: 3px!important
}

.mLeft5 {
  margin-left: 5px!important
}

.mLeft6 {
  margin-left: 6px!important
}

.mLeft7 {
  margin-left: 7px!important
}

.mLeft10 {
  margin-left: 10px!important
}

.mLeft12 {
  margin-left: 12px!important
}

.mLeft15 {
  margin-left: 15px!important
}

.mLeft20 {
  margin-left: 20px!important
}

.mLeft25 {
  margin-left: 25px!important
}

.mLeft30 {
  margin-left: 30px!important
}

.mLeft35 {
  margin-left: 35px!important
}

.mLeft40 {
  margin-left: 40px!important
}

.mLeft48 {
  margin-left: 48px!important
}

.mLeft50 {
  margin-left: 50px!important
}

.mLeft80 {
  margin-left: 80px!important
}

.mLeft100 {
  margin-left: 100px!important
}

.pAll0 {
  padding: 0!important
}

.pAll2 {
  padding: 2px!important
}

.pAll5 {
  padding: 5px!important
}

.pAll10 {
  padding: 10px!important
}

.pAll15 {
  padding: 15px!important
}

.pAll20 {
  padding: 20px!important
}

.pAll25 {
  padding: 25px!important
}

.pAll30 {
  padding: 30px!important
}

.pAll35 {
  padding: 35px!important
}

.pTop0 {
  padding-top: 0!important
}

.pTop2 {
  padding-top: 2px!important
}

.pTop5 {
  padding-top: 5px!important
}

.pTop10 {
  padding-top: 10px!important
}

.pTop12 {
  padding-top: 12px!important
}

.pTop15 {
  padding-top: 15px!important
}

.pTop20 {
  padding-top: 20px!important
}

.pTop25 {
  padding-top: 25px!important
}

.pTop30 {
  padding-top: 30px!important
}

.pTop35 {
  padding-top: 35px!important
}

.pTop45 {
  padding-top: 45px!important
}

.pTop100 {
  padding-top: 100px!important
}

.pRight0 {
  padding-right: 0!important
}

.pRight5 {
  padding-right: 5px!important
}

.pRight6 {
  padding-right: 6px!important
}

.pRight9 {
  padding-right: 9px!important
}

.pRight10 {
  padding-right: 10px!important
}

.pRight12 {
  padding-right: 12px!important
}

.pRight15 {
  padding-right: 15px!important
}

.pRight20 {
  padding-right: 20px!important
}

.pRight24 {
  padding-right: 24px!important
}

.pRight25 {
  padding-right: 25px!important
}

.pRight30 {
  padding-right: 30px!important
}

.pRight40 {
  padding-right: 40px!important
}

.pRight60 {
  padding-right: 60px!important
}

.pBottom2 {
  padding-bottom: 2px!important
}

.pBottom3 {
  padding-bottom: 3px!important
}

.pBottom5 {
  padding-bottom: 5px!important
}

.pBottom10 {
  padding-bottom: 10px!important
}

.pBottom15 {
  padding-bottom: 15px!important
}

.pBottom20 {
  padding-bottom: 20px!important
}

.pBottom25 {
  padding-bottom: 25px!important
}

.pBottom30 {
  padding-bottom: 30px!important
}

.pBottom50 {
  padding-bottom: 50px!important
}

.pBottom100 {
  padding-bottom: 100px!important
}

.pLeft0 {
  padding-left: 0!important
}

.pLeft5 {
  padding-left: 5px!important
}

.pLeft6 {
  padding-left: 6px!important
}

.pLeft7 {
  padding-left: 7px!important
}

.pLeft8 {
  padding-left: 8px!important
}

.pLeft9 {
  padding-left: 9px!important
}

.pLeft10 {
  padding-left: 10px!important
}

.pLeft11 {
  padding-left: 11px!important
}

.pLeft12 {
  padding-left: 12px!important
}

.pLeft15 {
  padding-left: 15px!important
}

.pLeft20 {
  padding-left: 20px!important
}

.pLeft24 {
  padding-left: 24px!important
}

.pLeft25 {
  padding-left: 25px!important
}

.pLeft28 {
  padding-left: 28px!important
}

.pLeft30 {
  padding-left: 30px!important
}

.pLeft29 {
  padding-left: 29px!important
}

.pLeft35 {
  padding-left: 35px!important
}

.pLeft36 {
  padding-left: 36px!important
}

.pLeft40 {
  padding-left: 40px!important
}

.pLeft45 {
  padding-left: 45px!important
}

.pLeft50 {
  padding-left: 50px!important
}

.pLeft160 {
  padding-left: 160px!important
}

.pTopBottom3 {
  padding-top: 3px!important;
  padding-bottom: 3px!important
}

.pTopBottom5 {
  padding-top: 5px!important;
  padding-bottom: 5px!important
}

.pLeftRight5 {
  padding-left: 5px!important;
  padding-right: 5px!important
}

.pLeftRight10 {
  padding-left: 10px!important;
  padding-right: 10px!important
}

.pLeftRight30 {
  padding-left: 30px!important;
  padding-right: 30px!important
}

.Top1 {
  top: 1px
}

.Top3 {
  top: 3px
}

.Top5 {
  top: 5px
}

.Top10 {
  top: 10px
}

.Top20 {
  top: 20px
}

.Right1 {
  right: 1px
}

.Right5 {
  right: 5px
}

.Right8 {
  right: 8px
}

.minHeight26 {
  min-height: 26px!important
}

.minHeight30 {
  min-height: 30px!important
}

.minHeight50 {
  min-height: 50px!important
}

.minHeight80 {
  min-height: 80px!important
}

.minHeight160 {
  min-height: 160px!important
}

.minWidth60 {
  min-width: 60px!important
}

.Width70 {
  width: 70px!important
}

.Width90 {
  width: 90px!important
}

.Width95 {
  width: 95px!important
}

.Width120 {
  width: 120px!important
}

.Width170 {
  width: 170px!important
}

.Width180 {
  width: 180px!important
}

.Width195 {
  width: 195px!important
}

.Width200 {
  width: 200px!important
}

.Width300 {
  width: 300px!important
}

.Width360 {
  width: 360px!important
}

.Width400 {
  width: 400px!important
}

.Width450 {
  width: 450px!important
}

.Width500 {
  width: 500px!important
}

.Width530 {
  width: 530px!important
}

.Width550 {
  width: 550px!important
}

.White24 {
  font-size: 24px;
  color: #fff
}

.Blue,
.Blue14Bold {
  color: #06c!important
}

.Blue14Bold {
  font-size: 14px;
  font-weight: 700
}

.Blue16,
.Blue16Bold {
  font-size: 16px;
  color: #06c!important
}

.Blue16Bold {
  font-weight: 700
}

.Blue18 {
  font-size: 18px
}

.Blue18,
.Blue20 {
  color: #06c!important
}

.Blue20 {
  font-size: 20px
}

.Blue22 {
  font-size: 22px;
  color: #06c!important
}

.Blue24,
.Blue24Bold {
  font-size: 24px;
  color: #06c!important
}

.Blue24Bold,
.BlueBold {
  font-weight: 700
}

.BlueBold {
  color: #06c!important
}

.Gray,
.Gray14 {
  color: #333!important
}

.Gray14 {
  font-size: 14px
}

.Gray16 {
  color: #333!important;
  font-size: 16px
}

.Gray_6 {
  color: #666!important
}

.Gray_8 {
  color: #888!important
}

.Gray_9 {
  color: #999!important
}

.Gray_9e {
  color: #9e9e9e!important;
}

.Gray_a {
  color: #aaa!important
}

.Gray_bd {
  color: #bdbdbd!important;
}

.Gray_c {
  color: #ccc!important
}

.Gray_d {
  color: #eee!important
}

.Gray_df {
  color: #dfdfdf!important
}

.Gray_c6 {
  color: #c6c6c6!important
}

.Bg_Gray_6 {
  background-color: #666!important
}

.Black,
.BlackBold {
  color: #000!important
}

.BlackBold {
  font-weight: 700
}

.Black14 {
  font-size: 14px
}

.Black14,
.Black16 {
  color: #000!important
}

.Black16 {
  font-size: 16px
}

.Black18,
.Black18Bold {
  color: #000!important;
  font-size: 18px
}

.Black18Bold {
  font-weight: 700
}

.Black20 {
  color: #000!important;
  font-size: 20px
}

.font6 {
  font-size: 12px
}

.font6,
.font8 {
  -webkit-transform: scale(.5);
  transform: scale(.5);
  display: inline-block
}

.font8 {
  font-size: 16px
}

.font10 {
  font-size: 20px;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  display: inline-block
}

.Font12 {
  font-size: 12px!important
}

.Font13 {
  font-size: 13px!important
}

.Font14 {
  font-size: 14px!important
}

.Font15 {
  font-size: 15px!important
}

.Font16 {
  font-size: 16px!important
}

.Font17 {
  font-size: 17px!important
}

.Font18 {
  font-size: 18px!important
}

.Font19 {
  font-size: 19px!important
}

.Font20 {
  font-size: 20px!important
}

.Font22 {
  font-size: 22px!important
}

.Font24 {
  font-size: 24px!important
}

.Font26 {
  font-size: 26px!important
}

.Font30 {
  font-size: 30px!important
}

.Font32 {
  font-size: 32px!important
}

.Font34 {
  font-size: 34px!important
}

.Font36 {
  font-size: 36px!important
}

.Font40 {
  font-size: 40px!important
}

.Font48 {
  font-size: 48px!important
}

.Font56 {
  font-size: 56px!important
}

.Font128 {
  font-size: 128px!important
}

.LineHeight15 {
  line-height: 15px!important
}

.LineHeight16 {
  line-height: 16px!important
}

.LineHeight20 {
  line-height: 20px!important
}

.LineHeight22 {
  line-height: 22px!important
}

.LineHeight24 {
  line-height: 24px!important
}

.LineHeight25 {
  line-height: 25px!important
}

.LineHeight26 {
  line-height: 26px!important
}

.LineHeight27 {
  line-height: 27px!important
}

.LineHeight28 {
  line-height: 28px!important
}

.LineHeight30 {
  line-height: 30px!important
}

.LineHeight35 {
  line-height: 35px!important
}

.LineHeight40 {
  line-height: 40px!important
}

.LineHeight45 {
  line-height: 45px!important
}

.LineHeight50 {
  line-height: 50px!important
}

.LineHeight60 {
  line-height: 60px!important
}

.LineHeight80 {
  line-height: 80px!important
}

.Height26 {
  height: 26px
}

.Height30 {
  height: 30px
}

.Height50 {
  height: 50px
}

.Height80 {
  height: 80px
}

.Height180 {
  height: 180px
}

.Height200 {
  height: 200px
}

.boderRadAll_2 {
  border-radius: 2px
}

.boderRadAll_3 {
  border-radius: 3px
}

.boderRadAll_5 {
  border-radius: 5px
}

.boderRadAll_10 {
  border-radius: 10px
}

.boderRadAll_50 {
  border-radius: 50px
}

.HoverWhite:hover {
  color: #fff!important;
}

.TextBox {
  height: 20px;
  padding-left: 5px
}

.TextArea,
.TextBox {
  font-size: 12px;
  line-height: 18px;
  border: 1px solid #d5d5d5;
  background-color: #fff
}

.TextArea {
  outline: none;
  overflow-y: auto;
  resize: none;
  word-wrap: break-word;
  font-family: Tahoma, Arial, Microsoft Yahei
}

.btn-small {
  padding: 7px 14px;
  font-size: 16px;
  border-radius: 3px
}

.btn-large {
  padding: 11px 19px;
  font-size: 17.5px;
  border-radius: 6px
}

.btn {
  display: inline-block;
  margin-bottom: 0;
  text-align: center;
  vertical-align: middle;
  cursor: pointer
}

.btn-primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background-color: #006dcc;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, #08c, #04c);
  background-image: linear-gradient(180deg, #08c, #04c);
  border-left-color: #04c;
  border-right-color: #04c;
  border-top-color: #04c;
  border-bottom-color: #002a80
}

.btn-primary.active,
.btn-primary.disabled,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.btn-primary[disabled] {
  color: #fff;
  background-color: #04c
}

.btn:focus,
.btn:hover {
  color: #fff;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  transition: background-position .1s linear
}

.btn-primary-black {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, #aaa, #aaa);
  background-image: linear-gradient(180deg, #aaa, #aaa);
  border: #aaa
}

.btn-primary-black,
.btn-primary-black.active,
.btn-primary-black.disabled,
.btn-primary-black:active,
.btn-primary-black:focus,
.btn-primary-black:hover,
.btn-primary-black[disabled] {
  color: #fff;
  background-color: #aaa
}

.btnBootstrap-middle {
  padding: 5px 19px;
  font-size: 17.5px;
  border-radius: 6px
}

.btnBootstrap-small {
  padding: 2px 6px;
  font-size: 12px;
  border-radius: 3px;
  border: 0
}

.btnBootstrap-large {
  padding: 11px 19px;
  font-size: 17.5px;
  border-radius: 6px
}

.btnBootstrap {
  display: inline-block;
  margin-bottom: 0;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 0
}

.btnBootstrap:focus,
.btnBootstrap:hover {
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position .1s linear;
  transition: background-position .1s linear
}

.btnBootstrap_lineHight11 {
  display: inline-block;
  margin-bottom: 0;
  line-height: 11px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 0 hsla(0, 0%, 100%, .2), 0 1px 2px rgba(0, 0, 0, .05)
}

.btnBootstrap-primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .15);
  background-color: #1e88e5
}

.btnBootstrap-primary.active,
.btnBootstrap-primary.disabled,
.btnBootstrap-primary:active,
.btnBootstrap-primary:focus,
.btnBootstrap-primary:hover,
.btnBootstrap-primary[disabled] {
  background-color: #006cc4
}

.btnBootstrap-666 {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, #666, #666);
  background-image: linear-gradient(180deg, #666, #666);
  border: #666
}

.btnBootstrap-666,
.btnBootstrap-666.active,
.btnBootstrap-666.disabled,
.btnBootstrap-666:active,
.btnBootstrap-666:focus,
.btnBootstrap-666:hover,
.btnBootstrap-666[disabled] {
  color: #fff;
  background-color: #666
}

.btnBootstrap-999 {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, #999, #999);
  background-image: linear-gradient(180deg, #999, #999);
  border: #999
}

.btnBootstrap-999,
.btnBootstrap-999.active,
.btnBootstrap-999.disabled,
.btnBootstrap-999:active,
.btnBootstrap-999:focus,
.btnBootstrap-999:hover,
.btnBootstrap-999[disabled] {
  color: #fff;
  background-color: #999
}

.btnBootstrap-969696 {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, #969696, #969696);
  background-image: linear-gradient(180deg, #969696, #969696);
  border: #969696
}

.btnBootstrap-969696,
.btnBootstrap-969696.active,
.btnBootstrap-969696.disabled,
.btnBootstrap-969696:active,
.btnBootstrap-969696:focus,
.btnBootstrap-969696:hover,
.btnBootstrap-969696[disabled] {
  color: #fff;
  background-color: #969696
}

.btnBootstrap-e6e6e6 {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, #e6e6e6, #e6e6e6);
  background-image: linear-gradient(180deg, #e6e6e6, #e6e6e6);
  border: #e6e6e6
}

.btnBootstrap-e6e6e6,
.btnBootstrap-e6e6e6.active,
.btnBootstrap-e6e6e6.disabled,
.btnBootstrap-e6e6e6:active,
.btnBootstrap-e6e6e6:focus,
.btnBootstrap-e6e6e6:hover,
.btnBootstrap-e6e6e6[disabled] {
  color: #999;
  background-color: #e6e6e6
}

.btnBootstrap-f0f0f0 {
  background-color: #f0f0f0;
  border: #f0f0f0
}

.btnBootstrap-black,
.btnBootstrap-f0f0f0 {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .15)
}

.btnBootstrap-black {
  cursor: default;
  background-color: #aaa;
  background-repeat: repeat-x;
  background-image: -webkit-linear-gradient(top, #aaa, #aaa);
  background-image: linear-gradient(180deg, #aaa, #aaa);
  border: #aaa
}

.btnBootstrap-black.active,
.btnBootstrap-black.disabled,
.btnBootstrap-black:active,
.btnBootstrap-black:focus,
.btnBootstrap-black:hover,
.btnBootstrap-black[disabled] {
  color: #fff;
  background-color: #aaa
}

.btn-link {
  border: none;
  cursor: pointer;
  background: none;
  padding: 3px 6px;
  line-height: 20px;
  margin-top: 2px;
  vertical-align: top
}

.btn-link:active,
.btn-link:focus,
.btn-link:hover {
  outline: none;
  text-decoration: underline
}

.Button {
  display: inline-block;
  font-weight: 400;
  text-align: center;
  padding: 1px 5px;
  background-color: #f5f5f5;
  cursor: pointer;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .5);
  border: 1px solid #ccc
}

.Button img {
  vertical-align: middle
}

.Button:hover {
  text-decoration: none
}

.Disabled {
  color: #d5d5d5!important;
  background-color: #999!important;
  border: 1px solid #666!important
}

.textShadowTopBlack {
  text-shadow: #000 0 -1px 0;
  -webkit-text-shadow: #000 0 -1px 0;
  -moz-text-shadow: #000 0 -1px 0
}

.textShadowTopC54A00 {
  text-shadow: #c54a00 0 -1px 0;
  -webkit-text-shadow: #c54a00 0 -1px 0;
  -moz-text-shadow: #c54a00 0 -1px 0
}

.textShadowBottomWhite {
  text-shadow: #fff 0 1px 0;
  -webkit-text-shadow: #fff 0 1px 0;
  -moz-text-shadow: #fff 0 1px 0
}

.textShadowBottomBlack {
  text-shadow: #000 0 3px 0;
  -webkit-text-shadow: #000 0 3px 0;
  -moz-text-shadow: #000 0 3px 0
}

.arrowUpOuter {
  width: 0;
  height: 0;
  border-width: 10px 9px;
  border-style: solid;
  border-color: #fff #fff #cfcfcf;
  position: relative
}

.arrowUpInner {
  width: 0;
  height: 0;
  border: 9px solid;
  border-color: transparent transparent #f8f8f8;
  position: absolute;
  top: -7px;
  left: -9px
}

.arrowRightOuter {
  width: 0;
  height: 0;
  border-width: 9px 10px;
  border-style: solid;
  border-color: #fff #fff #fff #cfcfcf;
  position: relative
}

.arrowRightInner {
  width: 0;
  height: 0;
  border: 9px solid;
  border-color: transparent transparent transparent #f8f8f8;
  position: absolute;
  top: -9px;
  left: -10px
}

.arrowDownOuter {
  width: 0;
  height: 0;
  border-width: 10px 9px;
  border-style: solid;
  border-color: #cfcfcf transparent transparent;
  position: relative
}

.arrowDownInner {
  width: 0;
  height: 0;
  border: 9px solid;
  border-color: #f8f8f8 transparent transparent;
  position: absolute;
  top: -11px;
  left: -9px
}

.arrowLeftOuter {
  width: 0;
  height: 0;
  border-width: 9px 10px;
  border-style: solid;
  border-color: #fff #cfcfcf #fff #fff;
  position: relative
}

.arrowLeftInner {
  width: 0;
  height: 0;
  border: 9px solid;
  border-color: transparent #f8f8f8 transparent transparent;
  position: absolute;
  top: -9px;
  left: -8px
}

.arrowUp {
  border-width: 4px;
  border-color: transparent transparent #000
}

.arrowDown,
.arrowUp {
  width: 0;
  height: 0;
  border-style: solid;
  overflow: hidden
}

.arrowDown {
  border-width: 4px 4px 0;
  border-color: #000 transparent transparent
}

.arrowRight {
  border-color: transparent transparent transparent #aaa
}

.arrowLeft,
.arrowRight {
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 5px;
  border-style: solid;
  margin-left: 5px
}

.arrowLeft {
  border-color: transparent #aaa transparent transparent
}

.arrowAutoLeft {
  display: inline-block;
  width: 0;
  height: 0;
  border-width: 30px 25px 30px 0;
  border-style: solid;
  border-color: transparent #1e88e5 transparent transparent;
  float: left;
  background: #fff
}

.fullScreenDivChange {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999999
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top
}

::-webkit-scrollbar {
  width: 5px;
  height: 5px
}

::-webkit-scrollbar-thumb {
  border-radius: 16px;
  background: hsla(0, 0%, 59%, .4)
}

::-webkit-scrollbar-thumb:hover {
  background-color: hsla(0, 0%, 59%, .6)
}

.box-sizing {
  box-sizing: border-box
}

.icon-chatnetwork-type1 {
  color: #43a5f5
}

.icon-chatnetwork-type2,
.icon-chatnetwork-type3 {
  color: #00bcd4
}

.icon-chatnetwork-type4 {
  color: #8bc34a
}

.icon-chatnetwork-type5 {
  color: #ff9802
}

.icon-chatnetwork-type6 {
  color: #ba68c8
}

input[type=text]::-ms-clear {
  display: none
}

::-webkit-search-cancel-button,
::-webkit-search-decoration,
::-webkit-search-results-button,
::-webkit-search-results-decoration {
  display: none
}

.tgl {
  display: none
}

.tgl,
.tgl *,
.tgl+.tgl-btn,
.tgl:after,
.tgl :after,
.tgl:before,
.tgl :before {
  box-sizing: border-box
}

.tgl+.tgl-btn::-moz-selection,
.tgl::-moz-selection,
.tgl ::-moz-selection,
.tgl:after::-moz-selection,
.tgl :after::-moz-selection,
.tgl:before::-moz-selection,
.tgl :before::-moz-selection {
  background: none
}

.tgl+.tgl-btn::selection,
.tgl::selection,
.tgl ::selection,
.tgl:after::selection,
.tgl :after::selection,
.tgl:before::selection,
.tgl :before::selection {
  background: none
}

.tgl+.tgl-btn {
  position: relative;
  display: block;
  width: 46px;
  height: 23px;
  cursor: pointer;
  outline: 0
}

.tgl+.tgl-btn:after,
.tgl+.tgl-btn:before {
  position: relative;
  display: block;
  width: 21px;
  height: 100%;
  content: ''
}

.tgl+.tgl-btn:after {
  left: 0
}

.tgl+.tgl-btn:before {
  display: none
}

.tgl:checked+.tgl-btn:after {
  left: 23px
}

.tgl-light+.tgl-btn {
  padding: 1px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  border-radius: 1em;
  background: #dbdbdb
}

.tgl-light+.tgl-btn:after {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  border-radius: 50%;
  background: #fff
}

.tgl-light:checked+.tgl-btn {
  background: #4caf50
}

.tgl-light:checked+.tgl-btn:after {
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
  border-radius: 50%;
  background: #fff
}

.tgl-ios+.tgl-btn {
  padding: 2px;
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
  border: 1px solid #e8eae9;
  border-radius: 2em;
  background: #fbfbfb
}

.tgl-ios+.tgl-btn:after {
  -webkit-transition: left .3s cubic-bezier(.175, .885, .32, 1.275), padding .3s ease, margin .3s ease;
  transition: left .3s cubic-bezier(.175, .885, .32, 1.275), padding .3s ease, margin .3s ease;
  border-radius: 2em;
  background: #fbfbfb;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 4px 0 rgba(0, 0, 0, .08)
}

.tgl-ios+.tgl-btn:active {
  box-shadow: inset 0 0 0 2em #e8eae9
}

.tgl-ios+.tgl-btn:active:after {
  padding-right: .8em
}

.tgl-ios:checked+.tgl-btn {
  background: #86d993
}

body>object {
  width: 1px;
  height: 1px
}

html {
  -webkit-font-smoothing: antialiased
}

#containerBg {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: -1
}

#container {
  width: 1000px;
  max-width: 1000px;
  height: auto;
  margin: 0 auto
}

.fixedContainer {
  position: fixed
}

.relativeContainer {
  position: relative;
  top: 50px
}

.borderContainer {
  border-top: 50px solid transparent;
  top: 0!important
}

.msgExpandDiv .faceBtn {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: 0 100%!important;
  cursor: pointer
}

.overLimi_111 {
  width: expression(this.width > 111 ? "111px":true);
  max-width: 111px
}

.overLimi_85 {
  width: expression(this.width > 85 ? "85px":true);
  max-width: 85px
}

.overLimi_100 {
  width: expression(this.width > 100 ? "100px":true);
  max-width: 100px
}

.overLimi_130 {
  width: expression(this.width > 130 ? "130px":true);
  max-width: 130px
}

.overLimi_135 {
  width: expression(this.width > 137 ? "137px":true);
  max-width: 137px
}

.shadow {
  box-shadow: 0 0 6px #e0e0e0
}

.headShade {
  height: 4px;
  width: 100px;
  margin-left: 5px;
  background-repeat: no-repeat
}

.z-depth-0 {
  box-shadow: none!important
}

.card,
.card-panel,
.z-depth-1,
nav {
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15)
}

.z-depth-1-half {
  box-shadow: 0 5px 11px 0 rgba(0, 0, 0, .12), 0 4px 15px 0 rgba(0, 0, 0, .1)
}

.z-depth-2 {
  box-shadow: 0 8px 17px 0 rgba(0, 0, 0, .18), 0 6px 20px 0 rgba(0, 0, 0, .12)
}

.z-depth-3 {
  box-shadow: 0 12px 15px 0 rgba(0, 0, 0, .2), 0 17px 50px 0 rgba(0, 0, 0, .12)
}

.modal,
.z-depth-4 {
  box-shadow: 0 16px 28px 0 rgba(0, 0, 0, .19), 0 25px 55px 0 rgba(0, 0, 0, .14)
}

.z-depth-5 {
  box-shadow: 0 27px 24px 0 rgba(0, 0, 0, .18), 0 40px 77px 0 rgba(0, 0, 0, .15)
}

.z-depth-6 {
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, .2)
}

.tipBoxShadow {
  box-shadow: 0 3px 10px 2px rgba(0, 0, 0, .16), 0 5px 20px 4px rgba(0, 0, 0, .1);
  -weblit-box-shadow: 0 3px 10px 2px rgba(0, 0, 0, .16), 0 5px 20px 4px rgba(0, 0, 0, .1);
  -moz-box-shadow: 0 3px 10px 2px rgba(0, 0, 0, .16), 0 5px 20px 4px rgba(0, 0, 0, .1);
  -ms-box-shadow: 0 3px 10px 2px rgba(0, 0, 0, .16), 0 5px 20px 4px rgba(0, 0, 0, .1)
}

.taskBoxShadow {
  box-shadow: 0 4px 20px rgba(0, 0, 0, .13), 0 2px 6px rgba(0, 0, 0, .1)
}

.card {
  position: relative;
  background-color: #fff;
  border-radius: 2px;
  display: block
}

.card:after {
  content: "";
  display: table;
  clear: both
}

.circle {
  border-radius: 50%
}

.hide {
  display: none!important
}

.left {
  float: left!important
}

.right {
  float: right!important
}

.leftAlign {
  text-align: left
}

.rightAlign {
  text-align: right
}

.center,
.centerAlign {
  text-align: center
}

.valignWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-align: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center
}

.valignWrapper .valign {
  display: block
}

.borderBox {
  box-sizing: border-box
}

input[type=radio],
input[type=radio]:after,
input[type=radio]:before {
  box-sizing: border-box;
  vertical-align: middle;
  border: 1px solid #ccc
}

input[type=radio] {
  position: relative;
  margin-top: 5px;
  margin-right: 4px;
  vertical-align: -4px;
  border: none;
  background-color: transparent;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer
}

input[type=radio]:focus {
  outline: none
}

input[type=radio]:after,
input[type=radio]:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin-top: -3px;
  border-radius: 50%;
  -webkit-transition: .24s;
  transition: .24s
}

input[type=radio]:before {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #2196f3!important;
  -webkit-transform: scale(0);
  transform: scale(0)
}

input[type=radio]:checked:before {
  -webkit-transform: scale(.7);
  transform: scale(.7)
}

input[type=radio]:disabled:checked:before {
  background-color: #bbb!important
}

input[type=radio]:checked:after {
  border-color: #2196f3!important
}

input[type=radio]:disabled:after,
input[type=radio]:disabled:checked:after {
  border-color: #bbb!important
}

@-webkit-keyframes clipLoader {
  0% {
    transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1)
  }
  50% {
    transform: rotate(180deg) scale(.8);
    -ms-transform: rotate(180deg) scale(.8);
    -webkit-transform: rotate(180deg) scale(.8);
    -moz-transform: rotate(180deg) scale(.8);
    -o-transform: rotate(180deg) scale(.8)
  }
  to {
    transform: rotate(1turn) scale(1);
    -ms-transform: rotate(1turn) scale(1);
    -webkit-transform: rotate(1turn) scale(1);
    -moz-transform: rotate(1turn) scale(1);
    -o-transform: rotate(1turn) scale(1)
  }
}

@keyframes clipLoader {
  0% {
    transform: rotate(0deg) scale(1);
    -ms-transform: rotate(0deg) scale(1);
    -webkit-transform: rotate(0deg) scale(1);
    -moz-transform: rotate(0deg) scale(1);
    -o-transform: rotate(0deg) scale(1)
  }
  50% {
    transform: rotate(180deg) scale(.8);
    -ms-transform: rotate(180deg) scale(.8);
    -webkit-transform: rotate(180deg) scale(.8);
    -moz-transform: rotate(180deg) scale(.8);
    -o-transform: rotate(180deg) scale(.8)
  }
  to {
    transform: rotate(1turn) scale(1);
    -ms-transform: rotate(1turn) scale(1);
    -webkit-transform: rotate(1turn) scale(1);
    -moz-transform: rotate(1turn) scale(1);
    -o-transform: rotate(1turn) scale(1)
  }
}

.clipLoader {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid;
  border-bottom-color: transparent!important;
  background: transparent!important;
  animation: clipLoader .75s 0s infinite linear;
  -webkit-animation: clipLoader .75s 0s infinite linear;
  -ms-animation: clipLoader .75s 0s infinite linear;
  -moz-animation: clipLoader .75s 0s infinite linear;
  -o-animation: clipLoader .75s 0s infinite linear;
  animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -webkit-animation-fill-mode: both;
  -o-animation-fill-mode: both
}

.fileIcon-folder {
  background: url() no-repeat;
  width: 249px;
  height: 205px
}

.fileIcon-folderShared {
  background: url() no-repeat;
  width: 249px;
  height: 205px
}

.fileIcon-myfile {
  background: url() no-repeat;
  width: 249px;
  height: 205px
}

.fileIcon-7z {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-ai {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-cal {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-bin,
.fileIcon-_default {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-doc,
.fileIcon-docx {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-xls,
.fileIcon-xlsx {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-img,
.fileIcon-jpg,
.fileIcon-png {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-html {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-link {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-mmap {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-pdf {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-ppt,
.fileIcon-pptx {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-psd {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-rar {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-txt {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-vsd {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-xmind {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-zip {
  background: url() no-repeat;
  width: 175px;
  height: 200px
}

.fileIcon-7z,
.fileIcon-ai,
.fileIcon-bin,
.fileIcon-cal,
.fileIcon-_default,
.fileIcon-doc,
.fileIcon-docx,
.fileIcon-folder,
.fileIcon-folderShared,
.fileIcon-html,
.fileIcon-img,
.fileIcon-jpg,
.fileIcon-link,
.fileIcon-mmap,
.fileIcon-myfile,
.fileIcon-pdf,
.fileIcon-png,
.fileIcon-ppt,
.fileIcon-pptx,
.fileIcon-psd,
.fileIcon-rar,
.fileIcon-txt,
.fileIcon-vsd,
.fileIcon-word,
.fileIcon-xls,
.fileIcon-xlsx,
.fileIcon-xmind,
.fileIcon-zip {
  display: inline-block;
  background-size: cover!important;
  overflow: hidden;
  text-indent: -9999px;
  text-align: left
}

.boxSizing {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box
}

.flexColumn {
  -ms-flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column
}

.flexColumn,
.flexRow {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  display: -webkit-flex
}

.flex {
  -webkit-box-flex: 1;
  flex: 1;
  -ms-flex: 1
}

.disableAniParent .ani,
.disableAniParent .ani100,
.disableAniParent .ani200,
.disableAniParent .ani300,
.disableAniParent .ani400,
.disableAniParent .ani500,
.disableAniParent .ani600,
.disableAniParent .ani700,
.disableAniParent .ani800,
.disableAniParent .ani900,
.disableAniParent .animated {
  -web-kit-animation-name: none!important;
  -webkit-animation-name: none!important;
  animation-name: none!important
}

.ani {
  -webkit-animation-duration: 1s;
  animation-duration: 1s
}

.ani100 {
  -webkit-animation-duration: .1s;
  animation-duration: .1s
}

.ani200 {
  -webkit-animation-duration: .2s;
  animation-duration: .2s
}

.ani300 {
  -webkit-animation-duration: .3s;
  animation-duration: .3s
}

.ani400 {
  -webkit-animation-duration: .4s;
  animation-duration: .4s
}

.ani500 {
  -webkit-animation-duration: .5s;
  animation-duration: .5s
}

.ani600 {
  -webkit-animation-duration: .6s;
  animation-duration: .6s
}

.ani700 {
  -webkit-animation-duration: .7s;
  animation-duration: .7s
}

.ani800 {
  -webkit-animation-duration: .8s;
  animation-duration: .8s
}

.ani900 {
  -webkit-animation-duration: .9s;
  animation-duration: .9s
}

.aniFill {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both
}

[data-tip] {
  position: relative;
  display: inline-block
}

[data-tip]:after,
[data-tip]:before {
  text-decoration: none;
  position: absolute;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: .3s ease;
  transition: .3s ease;
  -webkit-transition-delay: 0ms;
  transition-delay: 0ms;
  font-family: Helvetica Neue, Helvetica, Nimbus Sans L, Arial, Liberation Sans, Hiragino Sans GB, Source Han Sans CN Normal, Microsoft YaHei, Wenquanyi Micro Hei, WenQuanYi Zen Hei, ST Heiti, SimHei, WenQuanYi Zen Hei Sharp, sans-serif!important
}

[data-tip]:hover:after,
[data-tip]:hover:before {
  visibility: visible;
  opacity: 1;
  -webkit-transition-delay: .1s;
  transition-delay: .1s
}

[data-tip]:before {
  content: '';
  position: absolute;
  background: transparent;
  border: 6px solid transparent;
  z-index: 1000001
}

[data-tip]:after {
  content: attr(data-tip);
  background: #383838;
  color: #fff;
  padding: 5px 10px;
  font-size: 12px;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 18px;
  white-space: nowrap;
  text-shadow: 0 -1px 0 #000;
  border-radius: 3px;
  box-shadow: 4px 4px 8px rgba(0, 0, 0, .3)
}

[data-tip='']:after,
[data-tip='']:before {
  display: none!important
}

.tip-top-left:before,
.tip-top-right:before,
.tip-top:before {
  border-top-color: #383838
}

.tip-bottom-left:before,
.tip-bottom-right:before,
.tip-bottom:before,
[data-tip]:not(.tip-top):not(.tip-left):not(.tip-right):not(.tip-top-left):not(.tip-top-right):not(.tip-bottom-left):not(.tip-bottom-right):before {
  border-bottom-color: #383838
}

.tip-left:before {
  border-left-color: #383838
}

.tip-right:before {
  border-right-color: #383838
}

.tip-top:before {
  margin-bottom: -11px
}

.tip-top:after,
.tip-top:before {
  bottom: 100%;
  left: 50%
}

.tip-top:before {
  left: calc(50% - 6px)
}

.tip-top:after {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.tip-top:focus:before,
.tip-top:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px)
}

.tip-top:focus:after,
.tip-top:hover:after {
  -webkit-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px)
}

.tip-bottom:before,
[data-tip]:not(.tip-top):not(.tip-left):not(.tip-right):not(.tip-top-left):not(.tip-top-right):not(.tip-bottom-left):not(.tip-bottom-right):before {
  margin-top: -11px
}

.tip-bottom:after,
.tip-bottom:before,
[data-tip]:not(.tip-top):not(.tip-left):not(.tip-right):not(.tip-top-left):not(.tip-top-right):not(.tip-bottom-left):not(.tip-bottom-right):after,
[data-tip]:not(.tip-top):not(.tip-left):not(.tip-right):not(.tip-top-left):not(.tip-top-right):not(.tip-bottom-left):not(.tip-bottom-right):before {
  top: 100%;
  left: 50%
}

.tip-bottom:before,
[data-tip]:not(.tip-top):not(.tip-left):not(.tip-right):not(.tip-top-left):not(.tip-top-right):not(.tip-bottom-left):not(.tip-bottom-right):before {
  left: calc(50% - 6px)
}

.tip-bottom:after,
[data-tip]:not(.tip-top):not(.tip-left):not(.tip-right):not(.tip-top-left):not(.tip-top-right):not(.tip-bottom-left):not(.tip-bottom-right):after {
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%)
}

.tip-bottom:focus:before,
.tip-bottom:hover:before,
[data-tip]:not(.tip-top):not(.tip-left):not(.tip-right):not(.tip-top-left):not(.tip-top-right):not(.tip-bottom-left):not(.tip-bottom-right):focus:before,
[data-tip]:not(.tip-top):not(.tip-left):not(.tip-right):not(.tip-top-left):not(.tip-top-right):not(.tip-bottom-left):not(.tip-bottom-right):hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px)
}

.tip-bottom:focus:after,
.tip-bottom:hover:after,
[data-tip]:not(.tip-top):not(.tip-left):not(.tip-right):not(.tip-top-left):not(.tip-top-right):not(.tip-bottom-left):not(.tip-bottom-right):focus:after,
[data-tip]:not(.tip-top):not(.tip-left):not(.tip-right):not(.tip-top-left):not(.tip-top-right):not(.tip-bottom-left):not(.tip-bottom-right):hover:after {
  -webkit-transform: translateX(-50%) translateY(8px);
  transform: translateX(-50%) translateY(8px)
}

.tip-right:before {
  margin-left: -11px;
  margin-bottom: -6px
}

.tip-right:after {
  margin-bottom: -14px
}

.tip-right:after,
.tip-right:before {
  left: 100%;
  bottom: 50%
}

.tip-right:focus:after,
.tip-right:focus:before,
.tip-right:hover:after,
.tip-right:hover:before {
  -webkit-transform: translateX(8px);
  transform: translateX(8px)
}

.tip-left:before {
  margin-right: -11px;
  margin-bottom: -6px
}

.tip-left:after {
  margin-bottom: -14px
}

.tip-left:after,
.tip-left:before {
  right: 100%;
  bottom: 50%
}

.tip-left:focus:after,
.tip-left:focus:before,
.tip-left:hover:after,
.tip-left:hover:before {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px)
}

.tip-top-left:before {
  margin-bottom: -11px
}

.tip-top-left:after,
.tip-top-left:before {
  bottom: 100%;
  left: 50%
}

.tip-top-left:before {
  left: calc(50% - 6px)
}

.tip-top-left:after {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  margin-left: 12px
}

.tip-top-left:focus:before,
.tip-top-left:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px)
}

.tip-top-left:focus:after,
.tip-top-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(-8px);
  transform: translateX(-100%) translateY(-8px)
}

.tip-top-right:before {
  margin-bottom: -11px
}

.tip-top-right:after,
.tip-top-right:before {
  bottom: 100%;
  left: 50%
}

.tip-top-right:before {
  left: calc(50% - 6px)
}

.tip-top-right:after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  margin-left: -12px
}

.tip-top-right:focus:after,
.tip-top-right:focus:before,
.tip-top-right:hover:after,
.tip-top-right:hover:before {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px)
}

.tip-bottom-left:before {
  margin-top: -11px
}

.tip-bottom-left:after,
.tip-bottom-left:before {
  top: 100%;
  left: 50%
}

.tip-bottom-left:before {
  left: calc(50% - 6px)
}

.tip-bottom-left:after {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  margin-left: 12px
}

.tip-bottom-left:focus:before,
.tip-bottom-left:hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px)
}

.tip-bottom-left:focus:after,
.tip-bottom-left:hover:after {
  -webkit-transform: translateX(-100%) translateY(8px);
  transform: translateX(-100%) translateY(8px)
}

.tip-bottom-right:before {
  margin-top: -11px
}

.tip-bottom-right:after,
.tip-bottom-right:before {
  top: 100%;
  left: 50%
}

.tip-bottom-right:before {
  left: calc(50% - 6px)
}

.tip-bottom-right:after {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  margin-left: -12px
}

.tip-bottom-right:focus:after,
.tip-bottom-right:focus:before,
.tip-bottom-right:hover:after,
.tip-bottom-right:hover:before {
  -webkit-transform: translateY(8px);
  transform: translateY(8px)
}

@-webkit-keyframes AlertDialogFadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: .6
  }
}

.AlertDialog {
  position: fixed;
  background-color: #000;
  color: #fff;
  padding: 13px 20px 13px 15px;
  text-align: left;
  font-size: 15px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, .15);
  border-radius: 3px;
  z-index: 99999;
  opacity: .6;
  -moz-opacity: .6;
  filter: alpha(opacity=60);
  line-height: 36px;
  -webkit-animation-name: AlertDialogFadeIn;
  -webkit-animation-timing-function: ease;
  -webkit-animation-duration: .8s;
  -webkit-animation-direction: alternate
}

.AlertDialog .tipMark {
  background-image: url();
  background-repeat: no-repeat;
  background-position: right center;
  width: 36px;
  height: 36px;
  display: inline-block;
  float: left;
  margin-right: 15px;
  background-size: 18px 18px
}

.AlertDialog .message {
  float: left
}

.AlertDialog .Close {
  color: rgba(255, 255, 255, .8);
  font-size: 22px;
  text-decoration: none;
  margin-left: 20px;
  cursor: pointer;
  float: left;
  font-family: 'Microsoft YaHei'
}

.AlertDialog .Close:hover {
  color: rgba(255, 255, 255, 1)
}

.AlertDialog.errorDialog .tipMark {
  background-image: url()!important
}

.AlertDialog.warningDialog .tipMark {
  background-image: url()!important
}

[class*=" icon-"],
[class^=icon-] {
  font-family: RF_Icon!important;
  speak: none;
  font-style: normal;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
